<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1000 Sugar Stars</title>
    <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script>
    <script>window.jQuery || document.write('<script src="../static/js/jquery-2.2.0.min.js"><\/script>')</script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script src="../static/js/main.js"></script>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/main.css">
</head>
<body>
    <header style="width: 88%; margin-top: 1rem">
        <button id="signupBtn" class="btn btn-default" style="float: right">注册</button>
        <button id="loginBtn" class="btn btn-primary" style="float: right; margin-right: 0.5rem">登录</button>
    </header>
    <div id="logDiv" style="display: none">
        <div id="logBackgroundDiv" style="display: block; background-color: #d3d3d3; opacity: 0.65; width:100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100">
        </div>
        <div id="signupInfoDiv" class="infoDiv" style="display:none">
            <div style="height: 4.5rem; background-color: #eee">
                <span class="navbar-brand">注册账号</span>
                <span class="navbar-brand navbar-right" style="margin-right: 0%" onclick="cancelLog()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                </span>
            </div>
            <form id="signupForm" action="" method="POST" style="width: 90%; margin-top: 2rem; margin-left: auto; margin-right: auto;"> 
                <p id="loginError" style="visibility: hidden; color: red; font-size: 1.2rem;">错误</p>
                <div class="input-group vertical-margin">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                    </span>
                    <input type="text" id="Username" class="form-control" placeholder="Username">
                </div>
                <div class="input-group vertical-margin">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                    </span>
                    <input type="password" id="Password" class="form-control" placeholder="Password">
                </div>
                <div class="input-group vertical-margin">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                    </span>
                    <input type="password" id="Password" class="form-control" placeholder="Password Again">
                </div>
                <!--<button class="btn btn-primary btn-lg" style="margin-top: -10px; margin-bottom: -10px; font-size: 15px; font-weight: bold;" onclick="submitLogin()">登陆</button>-->
                <input type="submit" class="btn btn-primary btn-lg" style="font-size: 1.5rem; font-weight: bold;">
                <p style="font-size:1.3rem; text-align: right; margin-top: 0.8rem">
                    已有账号，立即&nbsp;<a href="#" class="vertical-margin" onclick="showLogDiv('login'); return false;">登录</a>
                </p>
            </form>
        </div>
        <div id="logInfoDiv" class="infoDiv" style="display:none">
            <div style="height: 4.5rem; background-color: #eee">
                <span class="navbar-brand">账号登录</span>
                <span class="navbar-brand navbar-right" style="margin-right: 0%" onclick="cancelLog()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                </span>
            </div>
            <form id="loginForm" action="" method="POST" style="width: 90%; margin-top: 3rem; margin-left: auto; margin-right: auto;"> 
                <p id="loginError" style="visibility: hidden; color: red; font-size: 1.2rem;">用户名或密码错误</p>
                <div class="input-group vertical-margin">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                    </span>
                    <input type="text" id="Username" class="form-control" placeholder="Username">
                </div>
                <div class="input-group vertical-margin">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                    </span>
                    <input type="password" id="Password" class="form-control" placeholder="Password">
                </div>
                <div class="vertical-margin" style="font-size:1.3rem;">
                    <div class="checkbox" style="display: inline;">
                        <label>
                            <input type="checkbox" id="autoLogin" checked onclick="alert('没用');this.checked='checked';"> 下次自动登录
                        </label>
                    </div>
                    <a href="#" style="float: right;" onclick="alert('我也没有办法，去找管理员试试'); return false;">登录遇到问题</a>
                </div>
                <!--<button class="btn btn-primary btn-lg" style="margin-top: -10px; margin-bottom: -10px; font-size: 15px; font-weight: bold;" onclick="submitLogin()">登陆</button>-->
                <input type="submit" class="btn btn-primary btn-lg" style="margin-top: -1rem; margin-bottom: -1rem; font-size: 1.5rem; font-weight: bold;">
                <p><a href="#" class="vertical-margin" style="float: right; font-size:1.3rem;"  onclick="showLogDiv('signup'); return false;">立即注册</a></p>
            </form>
        </div>
    </div>
</body>
</html>